@charset "UTF-8";
/* CSS Document */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* control common element */
html, body {
	font: 13px/1.4  Arial, Helvetica, sans-serif;
	background: #0b6094;
	margin: 0;
	padding: 0;
	color: #000;
}

/*
common
*/
.clrfix
{clear:both;}
a:link,
a:visited
{
color: #0B6094;
text-decoration:none;
}
a:hover
{
color: #39bdff;
}
/*build main layout */
#wrapper
{
width: 100%;
height: 100%;
}
#wrapperin
{
width: 100%;
min-width: 960px;
}
#header
{
/*height: 64px;*/
background: url(../images/bg-header.png) 0 0 #1a82be no-repeat;
}
#logo
{
width: 230px;
height: 44px;
float: left;
}
#menutop
{
float: left;
width: 610px;
padding-top: 22px;
font-size: 13px;
}
#userinfo
{
width: 200px;
float: right;
padding-top: 5px;
color: #fff;
text-align: right;
padding-right: 15px;
font-size: 11px;
}
#userinfo p
{padding-top: 5px;
text-align: right;}
#userinfo a:link,
#userinfo a:visited
{
text-decoration: none;
color: #71e1fd;
font-weight: bold;
}
#userinfo a:hover
{
text-decoration: underline;
}
.accounti
{
display: block;
background: url(../images/icon-account.png) 0 0 no-repeat;
padding-left: 15px;
float: right;
margin-right: 10px;
line-height: 12px;
}
.accountlogout
{
float: right;
display: block;
background: url(../images/icon-logout.png) 0 0 no-repeat;
padding-left: 15px;
line-height: 12px;
}
#currentdate
{
padding-left: 10px;
color: #333;
font-size: 12px;
width: 230px;
float: left;
line-height: 28px;
height: 28px;
}
.toplevel1 li
{
float: left;
height: 22px;
line-height: 22px;
padding: 0 4px;
display:block;
}
.toplevel1 li a:link,
.toplevel1 li a:visited
{
float: left;
height: 22px;
line-height: 22px;
color: #fff;
font-weight: bold;
text-decoration: none;
display:block;
padding-left: 15px;
background: url(../images/bg-topmenu-l.png) 0 0 no-repeat;
}
.toplevel1 li a span
{
height: 22px;
line-height: 22px;
cursor:pointer;
display:block;
padding-right: 15px;
background: url(../images/bg-topmenu-r.png) top right no-repeat;
}
.toplevel1 li.current a span
{
padding-right: 15px;
background: url(../images/bg-topmenu-active-r.png) top right no-repeat;
}
.toplevel1 li.current a 
{
color: #0b6094;
padding-left: 15px;
background: url(../images/bg-topmenu-active-l.png) 0 0 no-repeat;
}
#sub-topmenu
{
clear:both;
font-size: 13px;
border-bottom: 1px solid #999;
height: 29px;
background: url(../images/bg-subtopmenu.png) 0 0 repeat-x;
text-align:left;
}
#selectrole
{
line-height: 28px;
padding-left: 5px;
width: 230px;
float: right;
}
.toplevel2 
{
float: left;
}
.toplevel2 li
{
float: left;
font-size: 13px;
line-height: 28px;
padding: 0 15px;
}
.toplevel2 li a:link,
.toplevel2 li a:visited
{
display: block;
color: #0B6094;
text-decoration: underline;
}
.toplevel2 li a:hover
{
color: #39bdff;
}
#usermenu
{
line-height: 28px;
width: 160px;
float: right;
}
#mainbody
{
background: #fff;
clear:both;
min-height: 400px;
text-align:left;
}
#pageheader
{
padding:5px 10px;
background: #f2f2f2;
margin-bottom: 10px;
min-height: 45px;
text-align:left;
}
#pageheader h1
{
width: 600px;
float: left;
display: block;
bottom: 10px;
font-size: 18px;
}
#pageheader .toolbar
{
width: 290px;
float: left;
display: block;
height: 45px;
}
.toolbar a 
{
display:block;
float: right;
margin-right: 15px;
text-align: center;
}

#twocol
{
border-spacing: 0;
padding: 0;
margin:0;
width: 940px;
background: #fff;
align:center;
height: 100%;
min-height: 300px;
}
#leftcol
{
padding: 10px;
width: 50%;
}
#rightcol
{
padding: 10px;
width: 50%;
}
#workingspace
{
    text-align:left;
}
#footer
{
	padding: 10px 0 15px;
	text-align: center;
	color: #fff;
	font-size: 80%;
}
#footer a
{
color: #fff;
font-weight: bold;
}

/* icon button for subtopmenu */
.addnew
{
padding-left: 20px !important;
background: url(../images/icon-addnew.png) center left no-repeat;
}
.hoptac
{
padding-left: 30px !important;
background: url(../images/icon-handshake.png) center left no-repeat;
}

.space1
{
width: 30px;
display: block;
height: 28px;
}
.list
{
padding-left: 20px !important;
background: url(../images/icon-list.png) center left no-repeat;
}
.stat
{
padding-left: 20px !important;
background: url(../images/icon-stats.png) center left no-repeat;
}


/* field elements */
.fieldinleft
{
clear:both;
margin-bottom: 10px;
font-size: 12px;
}
.fieldinleft em
{
float: left;
width: 50%;
display: block
}
.fieldinleft label
{
font-weight: bold;
color: #666;
width: 35%;
text-align: right;
padding-right: 10px;
font-size: 13px;
display: block;
float: left;
}
.sub-label
{
display: block;
color: #999;
font-size: 11px;
font-weight: normal;
}
.fieldinleft input[type=text]
{
display: block;
font-weight: normal;
color: #000;
font-size: 13px;
width: 55%;
padding-left: 2px;
text-align: left;
}
.fieldinleft input[type=text]:focus,
.fieldinleft input[type=text]:active,
.fieldinleft textarea:focus,
.fieldinleft textarea:active
{border: 1px solid #3bbfff;
background: #fdfdda}
.nguyenquan,.noidk, .choo, .tinhhinh
{
width: 55%;
padding-left: 2px;
}
.birthdate, .ngaycap
{
width: 49% !important;
float: left;
margin-right: 5px;
}
.photo 
{
margin-bottom: 25px;
}
.photo h1
{padding-left: 160px;
margin-bottom:10px;}
.photoid
{
border: 3px solid #ccc;
margin-left: 100px;
cursor:url(../images/magnify.cur), pointer !important;
}
.phototools
{line-height: 16px;}
.uploadphoto
{
margin-left: 95px;
display: block;
float: left;
margin-right:10px;
background: url(../images/icon-camera.png) 0 0 no-repeat;
padding-left: 20px;
}
.delphoto
{
display: block;
float: left;
margin-right:10px;
background: url(../images/icon-del-photo.png) 0 0 no-repeat;
padding-left: 20px;
}
textarea, input[type=text], input[type=password]
{
background: url(../images/input_bg.gif) 0 0 repeat-x;
border: 1px solid #ccc;
}
input[type=text], input[type=password]
{
line-height: 21px;
height: 20px;
}
.fieldlarge label
{
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #666;
float: left;
display: block;
width:150px;
text-align: right;
}
.fieldlarge
{font-size: 12px;}

.splitter
{
margin-top: 20px;
height: 10px;
border-top: 1px dashed #ccc;
}
.sub-content
{padding: 15px;}
.sub-content h1
{
font-weight: bold;
font-size: 16px;
margin-left: 170px;
color: #666;
padding-left: 20px;
background: url(../images/history.png) 0 4px no-repeat;
margin-bottom: 7px;
}
.statustable
{
margin-left: 170px;
background: url(../images/bg-sub-content.png) bottom repeat-x #fff;
border: 1px solid #ccc;
border-collapse: collapse;
width: 310px
}
.statustable th
{
background: #f2f2f2;
color: #000;
font-size: 12px;
padding: 3px 5px;
font-weight: bold;
}
.statustable tr
{
border: 1px solid #ccc;
}
.statustable td
{padding: 3px 5px;}

.col3
{
text-align: right;
}
#indextable
{
width: 880px;
padding: 10px;
border-collapse: collapse;
margin: 10px;
border: 1px solid #999;
}

#indextable th
{
background: #ccc;
font-weight: bold;
}
#indextable
{
	border: 1px solid #ccc !important;
	color: #333;
}
#indextable tr
{

}
#indextable td,
#indextable th
{padding: 3px 5px;}

.smalltable
{width: 880px;
border: 1px solid #ccc;
background: #f6f6f6;
padding: 10px;
margin: 10px;
}
.smalltable td,
.smalltable th
{padding: 3px 5px;}

.tablegrid
{width: 450px;
margin-left: 60px;
}
.tablegrid tr
{border: 1px solid #ccc}
.tablegrid td
{
padding: 3px 5px;
}
.leftcolsmal
{
color: #666;
font-weight: bold;
font-size: 13px;
text-align:right;
}
.rightcolsmall input
{
width: 90%;
}
.reportlist
{width: 170px}
.colorbol
{
font-weight:bold;
color: #666;
}
#hometable
{
margin: 10px 0 0 30px;
width: 940px;
}
#hometable table td
{padding: 2px 2px;}
.sub-header
{
clear:both;
font-weight: bold;
font-size: 16px;
margin-top: 10px;
color: #333;
margin-left: 15px;}
.tablephuctap
{
margin-left: 10px;
border: 1px solid #ccc;
width: 880px;
}
.tablephuctap td
{padding: 3px 5px;}
.tablemiddle
{
width: 880px;
margin-bottom: 20px;
margin-left: 10px;
border: 1px solid #ccc;
}
.tablemiddle td
{padding: 3px 5px;}
.tablemiddle tr
{
border: 1px solid #ccc;
}
.tablesolieu
{
	margin-left: 10px;
	width: 550px;
border: 1px solid #ccc;
}
.tablesolieu td
{
text-align: right;
}
.tablesolieu td.leftcolsmal
{text-align: right;}
.tablesolieu td
{padding: 3px 5px;}
.tablesolieu tr
{
border: 1px solid #ccc;
}

/*typo */
.even
{
background: #f2f2f2;
}
.odd
{
}